KasperOlesen / DataTable-AltEditor

Updated version of the free-datatables-editor-alternative from Kingcode.com

MIT License

196 stars 141 forks

Star

Watch

Go to file

luca-vercelli Upgrade jquery as per issue #140

Latest commit 3877d8a

on 11 Sep 2020

History

1 contributor

43 lines (35 sloc) 1.99 KB

Raw Blame

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>DataTable-AltEditor - Example #3</title>

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css" />
	<link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.css" />
	<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.2/css/buttons.dataTables.css" />
	<link rel="stylesheet" href="https://cdn.datatables.net/select/1.3.1/css/select.dataTables.css" />
	<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.5/css/responsive.dataTables.css" />

	</head>

	<body>
	<p><br></p>
	<h1>DataTable-AltEditor - Example #3</h1>
	<h2>with object-based datatable rows loaded via Ajax</h2>
	Rows are retrieved from some AJAX webservice, in the form:
	{id:1, name:"Tiger Nixon", position:"System Architect", office:"Edinburgh", extension:"5421", startDate:"2011/04/25", salary:"Tiger Nixon"}<br/>
	INSERT and UPDATE will fail because there is no real server set up here.
	<div class="container">

	<table cellpadding="0" cellspacing="0" border="0" class="dataTable table table-striped" id="example">

	</table>

	</div>

	<script src="https://code.jquery.com/jquery-3.0.0.js" ></script>
	<script src="https://code.jquery.com/jquery-migrate-3.3.0.js" ></script>
	<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.js" ></script>
	<script src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.js" ></script>
	<script src="https://cdn.datatables.net/select/1.3.1/js/dataTables.select.js" ></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js" ></script>
	<script src="https://cdn.datatables.net/responsive/2.2.5/js/dataTables.responsive.js" ></script>
	<script src="../../src/dataTables.altEditor.free.js" ></script>
	<script src="./example3.js" ></script>

	</body>
	</html>

KasperOlesen / DataTable-AltEditor

DataTable-AltEditor/example/03_ajax_objects/example3.html